<!--主体-->
<div class="dolist">
    <!--输入事件区域-->
    <form name="dolistForm" novalidate>
        <div class="col-lg-6">
            <div class="input-group">
                <input type="text"
                       name="inputThing"
                       class="form-control"
                       placeholder="add your thing..."
                       ng-model="app.yourThing"
                       required
                       ng-minlength="0">
                    <span class="input-group-btn">
                       <button class="btn btn-default"
                               type="submit"
                               ng-click="app.AddThing()">添加任务</button>
                    </span>
            </div><!-- /input-group -->
        </div>
    </form>
    <!--事件概览区域-->
    <table class="table">
        <thead>
        <tr>
            <td width="10%">
                状态
            </td>
            <td width="90%">
                事件
            </td>
        </tr>
        </thead>
        <tr ng-show="app.things.length == 0">
            <td colspan="2">还没有添加事件哦，请尝试添加</td>
        </tr>
        <tbody ng-repeat="thing in app.things | filter: filterMethod">
        <tr ng-cloak>
            <td ng-click="app.ChangeStatus(thing)">
                            <span class="glyphicon"
                                  ng-class="{ true: 'glyphicon-ok',false: 'glyphicon-ok undone'}[thing.statu]">
                            </span>
            </td>
            <td class="thing">
                <p>
                    <span ng-bind="thing.name"></span>
                                <span class="glyphicon glyphicon-remove"
                                      style="float:right"
                                      ng-click="app.RemoveOne($index)"
                                      ng-show="thing.showIcon">

                                </span>
                </p>
            </td>
        </tr>
        </tbody>
    </table>
    <!--事件控制浏览区域-->
    <div class="col-lg-12">
        <button class="btn btn-default" ng-click="app.ShowCom()">已完成<span class="badge" ng-bind="app.comNum"></span></button>
        <button class="btn btn-info" ng-click="app.ShowUndone()">未完成<span ng-bind="app.undoNum" class="badge"></button>
        <button class="btn btn-primary" ng-click="app.ShowAll()">显示所有<span ng-bind="app.things.length" class="badge"></button>
        <button class="btn btn-warning" ng-click="app.ComAll()">完成全部</button>
        <button class="btn btn-danger" ng-click="app.RemoveAll()">清空全部</button>
    </div>
    <div class="col-lg-12">
        <p>当前显示的是"<span ng-bind="app.statuStr"></span>"的任务</p>
    </div>
</div>